#gx-main {
    background-color: #F5F5F5;
}

.content-header {
    position: sticky;
    top: 46px;
    z-index: 100;
}

.btn-default {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    
    &:hover {
        background-color: #002237;
        color: #fff;
    }
}

.settings-btn {
    background-color: #ffffff;
}

.table-container {
    position: relative;
    margin-bottom: 1.5rem;
    font-size: 1rem;
    line-height: 1.6rem;
    border-radius: 4px;
    box-shadow: 0 0 3px -1px rgba(0, 0, 0, .3), 0 1px 5px -1px rgba(50, 50, 93, .25);
    
    .table--header {
        position: sticky;
        top: 86px;
        z-index: 10;
        background-color: #F8F8F8;
        box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -1px rgba(50, 50, 93, 0.25);
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }
    
    .table {
        margin: 0;
        
        thead,
        tbody {
            & > tr {
                th,
                td {
                    width: 35%;
                    
                    &:first-child {
                        width: 45%;
                    }
                    
                    &:last-child {
                        width: 20%;
                        text-align: right;
                    }
                }
            }
        }
        
        thead {
            th {
                color: rgba(0, 0, 0, 0.7);
                border-bottom: none;
                
                &:first-child {
                    color: #000000;
                }
            }
        }
    }
    
    .table--content {
        tbody {
            tr {
                background-color: #FFFFFF;
                
                &:hover {
                    background-color: #F8F8F9;
                }
                
                td {
                    &.table--column {
                        &-categories {
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            overflow: hidden;
                            max-width: 35vw;
                        }
                    }
                }
            }
        }
    }
    
    .table--footer {
        position: sticky;
        bottom: 46px;
        z-index: 10;
        padding: 0.5rem;
        font-size: 14px;
        background: #F5F5F5;
        border-top: 1px solid #e4e4e4;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        
        .pagination {
            & > * {
                margin-left: 10px;
            }
            
            .btn {
                min-width: 31px;
            }
        }
    }
}